<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<link href="../css/bootstrap.min.css" rel="stylesheet" />
		<style>
			.container{
				background-color: #0f0f0f;
				height: 40px;
			}
			#ulli li{
				list-style: none;
				margin-top: 10px;
				margin-left: 50px;
				color: white;
				float: left;
			}
	</style>
	</head>
	<body>
		<div class="container">
			<ul id="ulli">
				<li><span class="glyphicon glyphicon-home"></span>首页</li>
				<li><span class="glyphicon glyphicon-gift"></span>通用英语</li>
				<li><span class="glyphicon glyphicon-pencil"></span>海外考试</li>
				<li><span class="glyphicon glyphicon-globe"></span>青少英语</li>
				<li><span class="glyphicon glyphicon-tower"></span>行业英语</li>
				<li><span class="glyphicon glyphicon-shopping-cart"></span>在线购买</li>
				<li><span class="glyphicon glyphicon-user"></span>全球师资</li>
				<li>
					<div class="dropdown">
						<a class="dropdown-toggle" data-toggle="dropdown">更多栏目</a>
						<span class="caret"></span>
					<ul class="dropdown-menu" role="menu" aria-labelledby="dropdownMenu1">
						<li><a href="#" role="menuitem">学员案例</a> </li>
						<li><a href="#" role="menuitem">免费体验</a> </li>
						<li><a href="#" role="menuitem">英语胶囊</a> </li>
						<li><a href="#" role="menuitem">精彩动态</a> </li>
					</ul>
				</div>
				</li>
			</ul>
		</div>
		<script src="../js/jquery-1.12.4.js"></script>
		<script src="../js/bootstrap.js"></script>
	</body>
</html>
